<%--
    Document   : programasEstrategicos
    Created on : 26/04/2010, 03:38:19 PM
    Author     : Fiorella
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib uri="http://struts.apache.org/tags-bean"  prefix="bean"%>
<%@taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@ taglib uri="/tags/c" prefix="c"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<script src="js/calendar.js" language="javascript"></script> <script type="text/javascript">

    function fin(codigo,desc){
        var form = document.getElementById("ProgEstrForm");
        //form.codObj.value = codigo;
        //form.descObj.value = desc;
        form.action="ProgEstra.do?dispatch=loadFinInv&codPrograma="+codigo+"&desc="+desc;

        form.method="post";
        form.submit();

    }



    function proposito(codigo,desc){

        var form = document.getElementById("ProgEstrForm");
        //form.codObj.value = codigo;
        //form.descObj.value = desc;
        form.action="ProgEstra.do?dispatch=loadPropositoInv&codPrograma="+codigo+"&desc="+desc;

        form.method="post";
        form.submit();


    }


function buscarComboOEE(){
    var id = document.getElementById("codOge").value;

    var idDiv = "comboPadre";
    var metodo = "GET";
    var url = "consultasAjax/comboProgEstrAjax.jsp?id="+id+"&codTipCombo=llenarComboOee";
    var cadenaSalida = "";
    var async = true;
    document.getElementById(idDiv).innerHTML;
    autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);
}

function buscarComboActividades(){
var id = document.getElementById("codOee").value;
var idOge = document.getElementById("codOge").value;


var idDiv = "comboPadre";
var metodo = "GET";
var url = "consultasAjax/comboProgEstrAjax.jsp?id="+id+"&codTipCombo=llenarComboAct"+"&idOge="+idOge;
var cadenaSalida = "";
var async = true;
document.getElementById(idDiv).innerHTML;
autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);
}

function autoCompletarDiv(metodo,url,cadena,async,idDiv)
{
if( window.XMLHttpRequest )
    ajax = new XMLHttpRequest();
else
    ajax = new ActiveXObject("Microsoft.XMLHTTP");
ELEMENT_DIV = idDiv;
ajax.onreadystatechange = funcionCallbackVerDiv;
ajax.open( metodo, url, async);
ajax.send(cadena);
}

function funcionCallbackVerDiv()
{
if( ajax.readyState == 4 )
{
    if( ajax.status == 200 )
    {
        document.getElementById(ELEMENT_DIV).innerHTML = ajax.responseText;
    }
}
}

function f_muestraPanel(obj){

if (obj==1){

    document.getElementById("IdentificacionPrograma").style.display="";
}

if (obj==2){
    document.getElementById("IdentificacionPrograma").style.display="none";
}

if (obj==3){
    document.getElementById("IdentificacionPrograma").style.display="none";
}
}

function ingresar(){

var form = document.getElementById("ProgEstrForm");
//form.codObj.value = codigo;
//form.descObj.value = desc;
form.action="ProgEstra.do?dispatch=ingresarPInversion&flag="+1;
//form.action="ProgEstra.do?dispatch=ingresarPInversion";
form.method="post";
form.submit();

}

function rubro(){

var form = document.getElementById("ProgEstrForm");
//form.codObj.value = codigo;
//form.descObj.value = desc;
form.action="ProgEstra.do?dispatch=rubro";
//form.action="ProgEstra.do?dispatch=ingresarPInversion";
form.method="post";
form.submit();

}


function validar(){

if (document.getElementById("codOge").value==-1){
    alert("Seleccione opcion en combo OGE");
    document.getElementById("codOge").focus();
    return;
}

if (document.getElementById("codOee").value==-1){
    alert("Seleccione opcion en combo OEE");
    document.getElementById("codOee").focus();
    return;
}

if (document.getElementById("codActividad").value==-1){
    alert("Seleccione opcion en combo Actividad");
    document.getElementById("codActividad").focus();
    return;
}

if (document.getElementById("titu_programa").value==""){
    alert("Ingrese titulo del programa");
    document.getElementById("titu_programa").focus();
    return;
}


if (document.getElementById("justificacion").value==""){
    alert("Ingrese Justificacion");
    document.getElementById("justificacion").focus();
    return;
}



if (document.getElementById("fechaInicio").value==""){
    alert("Ingrese Fecha de Inicio");
    document.getElementById("fechaInicio").focus();
    return;
}

if (document.getElementById("fechaFin").value==""){
    alert("Ingrese Fecha Final");
    document.getElementById("fechaFin").focus();
    return;
}
if (document.getElementById("adjunto").value==""){
    alert("Ingrese nombre de documento adjunto");
    document.getElementById("adjunto").focus();
    return;
}

if (document.getElementById("codAnio").value==-1){
    alert("Seleccione Anio");
    document.getElementById("codAnio").focus();
    return;
}

if (document.getElementById("monto").value==""){
    alert("Ingrese monto");
    document.getElementById("monto").focus();
    return;
}

grabar();
}

function eventoSoloNumeros(){


var key = event.keyCode;

if ((key == 13 )|| (key >= 48 && key <= 57) || (key==8 )==true)
    event.returnValue = true;
else
    event.returnValue = false;

}


function editar(pk,oee,oge,ap,dep,prov,dist,codObj,codObjEsp,codActPer,codDpto,codPrv,codDist,adjunto){

      
var form = document.getElementById("ProgEstrForm");
//form.codObj.value = codigo;
//form.descObj.value = desc;
form.action="ProgEstra.do?dispatch=editarPInversion&pk="+pk+"&oee="+oee+"&oge="+oge+"&ap="+ap+"&dep="+dep+"&prov="+prov+"&dist="+dist+"&codObj="+codObj+"&codObjEsp="+codObjEsp+"&codActPer="+codActPer+"&codDpto="+codDpto+"&codPrv="+codPrv+"&codDist="+codDist+"&adjunto="+adjunto;
//form.action="ProgEstra.do?dispatch=editarPInversion&pk="+pk;
form.method="post";
form.submit();
    
}

function setControl(){
document.getElementById("codOge").value=-1;

var j ;
var oElem;

for (j=document.ProgEstrForm.codOee.length - 1;j>=0;j--){
    document.ProgEstrForm.codOee.remove(j);
}
oElem = document.createElement("OPTION");
oElem.value = "-1";
oElem.text = "[--Seleccionar O. Especifico--]";
oElem.id = "-1";
document.ProgEstrForm.codOee.add(oElem);


for (j=document.ProgEstrForm.codActividad.length - 1;j>=0;j--){
    document.ProgEstrForm.codActividad.remove(j);
}
oElem = document.createElement("OPTION");
oElem.value = "-1";
oElem.text = "[--Seleccionar Actividades--]";
oElem.id = "-1";
document.ProgEstrForm.codActividad.add(oElem);


document.getElementById("titu_programa").value="";
document.getElementById("justificacion").value="";
document.getElementById("fechaInicio").value="";
document.getElementById("fechaFin").value="";
document.getElementById("codAnio").value="-1";
document.getElementById("monto").value="";
document.getElementById("adjunto").value="";
document.getElementById("codPrograma").value=0;
}
function eliminar(codPrograma){

if (confirmAction()==false) return;
var tipoOper="Eliminar";

var codActividad,titu_programa,justificacion,fechaInicio,fechaFin,codAnio,monto,adjunto,tipoOper,codPrograma;
codActividad=0;
titu_programa=0;
justificacion=0;
fechaInicio=0;
fechaFin=0;
codAnio=0;
monto=0;
adjunto=0;

var idDiv = "divTabla";
var metodo = "GET";
//alert(tipoOper);
var url = "consultasAjax/eliminarProgEstrAjax.jsp?codActividad="+codActividad+"&titu_programa="+titu_programa+"&justificacion="+justificacion+"&fechaInicio="+fechaInicio+"&fechaFin="+fechaFin+"&codAnio="+codAnio+"&monto="+monto+"&adjunto="+adjunto+"&tipoOper="+tipoOper+"&codPrograma="+codPrograma;
var cadenaSalida = "";
var async = true;
document.getElementById(idDiv).innerHTML;
autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);

setControl();

}



function proposito(codigo,desc){
            
var form = document.getElementById("ProgEstrForm");
//form.codObj.value = codigo;
//form.descObj.value = desc;
form.action="ProgEstra.do?dispatch=loadPropositoInv&codPrograma="+codigo+"&desc="+desc;

form.method="post";
form.submit();


}
function componentes(codigo,desc){

var form = document.getElementById("ProgEstrForm");
//form.codObj.value = codigo;
//form.descObj.value = desc;
form.action="ProgEstra.do?dispatch=loadComponentesInv&codPrograma="+codigo+"&desc="+desc;

form.method="post";
form.submit();

}





function confirmAction(){
if (confirm("Se borrara fin, meta y componentes del registro seleccionado  \n ¿Esta seguro de continuar? "))
    return true;
else return false;
}
</script>
<html>

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="lib/css/estilos.css" type="text/css">
        <link href="lib/css/calendar.css" rel="stylesheet" type="text/css" />
        <link href="lib/css/styles_pages.css" rel="stylesheet" type="text/css" />
        <title>JSP Page</title>
    </head>
    
    <body>
        <div style="overflow: auto; width: 700px; height: 400px">
        <html:form action="ProgEstra.do?dispatch=load" styleId="ProgEstrForm">

            <!-- <table id="IdentificacionPrograma" style="display: none" align="center">   -->
            <input id="codPrograma" type="hidden" value="0">
            <center>
                <h1>Proyectos de Inversi&oacute;n</h1>

                <table align="center">
                    <tr align="center">
                        <TD >
                            <input type="button" value="Grabar un Nuevo Proyecto de Inversi&oacute;n" onclick="ingresar()"/>
                        </TD>
                    </tr>
                    <tr>
                        <%int i=1;%>
                        <td>
                            <logic:present name="ProgEstrForm" property="listTableTituProg">
                                <div id="divTabla">
                                    <table id="tabla1" width="99%" align="right" class="userTable">
                                        <tr class="even" align="center">
                                            <th class="textoTR">#</th>
                                            <th class="textoTR">Objetivo General Estrat&eacute;gico</th>
                                            <th class="textoTR">Objetivo Estrat&eacute;gico Espec&iacute;fico</th>
                                            <th class="textoTR">Actividad Estrat&eacute;gica</th>
                                            <th class="textoTR">Departamento</th>
                                            <th class="textoTR">Provincia</th>
                                            <th class="textoTR">Distrito</th>
                                            <th class="textoTR">Nombre del Proyecto</th>
                                            <th class="textoTR">Editar</th>
                                            <th class="textoTR">Eliminar</th>
                                            <th class="textoTR">Fin</th>
                                            <th class="textoTR">Prop&oacute;sito</th>
                                            <th class="textoTR">Componente</th>
                                        </tr>

                                        <logic:iterate name="ProgEstrForm" property="listTableTituProg" id="lista">
                                            <tr align="center">
                                                <td width="10%" align="center">
                                                    <%=i++%>
                                                </td>
                                                <td align="center" style="width:1500px;text-align: left">
                                                    <bean:write name="lista" property="TX_DESCOBJ"/>
                                                </td>
                                                 <td align="center" style="width:1500px;text-align: left">
                                                    <bean:write name="lista" property="TX_DESCOBJESP"/>
                                                </td>
                                                <td  align="center" style="width:1500px;text-align: left">
                                                    <bean:write name="lista" property="TX_DESCACTPER"/>
                                                </td>

                                                   <td align="center" style="width:1500px;text-align: left">
                                                    <bean:write name="lista" property="TX_NOMDPTO"/>
                                                </td>
                                                  <td  align="center" >
                                                    <bean:write name="lista" property="TX_NOMPRV"/>
                                                </td>
                                                <td width="10%" align="center">
                                                    <bean:write name="lista" property="TX_NOMDIST"/>
                                                </td>
                                                <td align="center" style="width:1500px;text-align: left">
                                                    <bean:write name="lista" property="TX_NOMBREPYI" />
                                                </td>

                                                <td width="10%" align="center">

                                                    <img style="cursor:pointer" title="Editar" alt="Editar" border=0  src="images/b_edit.png"
                                                         onclick="editar('<c:out value="${lista.NUM_PYINV_PK}"/>',
                                                                           '<c:out value="${lista.TX_DESCOBJ}"/>',
                                                                           '<c:out value="${lista.TX_DESCOBJESP}"/>',
                                                                           '<c:out value="${lista.TX_DESCACTPER}"/>',
                                                                           '<c:out value="${lista.TX_NOMDPTO}"/>',
                                                                           '<c:out value="${lista.TX_NOMPRV}"/>',
                                                                           '<c:out value="${lista.TX_NOMDIST}"/>','<c:out value="${lista.NUM_CODOBJ_PK}"/>',
                                                                           '<c:out value="${lista.NUM_CODOBJESP_PK}"/>',
                                                                           '<c:out value="${lista.NUM_CODACTPER_PK}"/>',
                                                                           '<c:out value="${lista.NUM_CODDPTO_PK}"/>',
                                                                           '<c:out value="${lista.NUM_CODPRV_PK}"/>',
                                                                           '<c:out value="${lista.NUM_CODDIST_PK}"/>',
                                                                           '<c:out value="${lista.TX_ADJUARBP}"/>'
                                                                           );"/>

                                                </td>

                                                <td width="10%" align="center">

                                                    <img style="cursor:pointer" title="Eliminar" title="Eliminar" alt="Eliminar" border=0  src="images/b_drop.png" onclick="eliminar('<c:out value="${lista.NUM_PYINV_PK}"/>');">
                                                </td>

                                                <td width="20%" align="center">

                                                    <img style="cursor:pointer" title="MarcoLogico" title="Meta" alt="Meta" border=0  src="images/file_preview.png" onclick = "fin('<c:out value="${lista.NUM_PYINV_PK}"/>','<c:out value="${lista.TX_NOMBREPYI}"/>');">
                                                </td>

                                                <td width="20%" align="center">

                                                    <img style="cursor:pointer" title="MarcoLogico" title="Meta" alt="Meta" border=0  src="images/file_preview.png" onclick = "proposito('<c:out value="${lista.NUM_PYINV_PK}"/>','<c:out value="${lista.TX_NOMBREPYI}"/>');">
                                                </td>
                                                <td width="20%" align="center">

                                                    <img style="cursor:pointer" title="MarcoLogico" title="Meta" alt="Meta" border=0  src="images/file_preview.png" onclick = "componentes('<c:out value="${lista.NUM_PYINV_PK}"/>','<c:out value="${lista.TX_NOMBREPYI}"/>');">
                                                </td>


                                            </tr>
                                        </logic:iterate>
                                    </table>
                                </div>
                            </logic:present>


                            <!-- Fin Ingreso del Marco Logico-->
                        </td>
                    </tr>
                </table>




            </html:form>

        </center>
</div>
    </body>
    
</html>
